import React from 'react';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
import { Link } from 'react-router';

import {
  ListGroup
} from 'react-bootstrap';

import * as More from '../config/page/More';

import Container from '../components/Container';
import ListItem from '../components/ListItem';

class MoreApp extends React.Component {

  constructor () {
    super();   
  }

  static propTypes = {
    
  }

  render() {
    
    return (
          <Container 
              isGoBack={true} 
              isHeader={true} 
              isFooter={false} 
              footerIndex={3} 
              headerTitle={"更多"}>

              <div className="blank20"></div>
              <ListGroup>
                  { 
                    More.items && More.items.map(
                      (item, i) => <ListItem item={ item }/>
                    )
                  }
              </ListGroup>

          </Container>
    );
  }
}

export default connect(state => ({
    
}), dispatch => ({
    
}))(MoreApp);
